<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/mint.css">
	</head>
	<script src="js/serverUrl.js"></script>
	<script src="js/vue.js"></script>
	<script src="js/mint.js"></script>
	<script src="js/moment.js"></script>
	<style type="text/css">
		.info-list-item {
			display: flex;
			background-color: #fff;
		}
		
		.item-label{
			font-size: 13px;
			color: gray;
			text-align: center;
			padding: 3px;
		}
		
		.newsTableDiv {
			margin-bottom: 4px;
			padding: 0px 4px;
		}
		.card {
			margin: 0px 0px;
		}
		.info-list-item +.info-list-item{
			margin-top: 2px;
		}
	</style>
	<body>
		<div id="app">
			<div class="card">
			    <div id="newsTable" class="newsTableDiv">
					<div class='info-list-item' >
						<div class="item-label" style="flex:1"> 姓名</div>
						<div class="item-label" style="flex:1;border-left: 2px solid #F0F0F0;"> 分组</div>
						<div class="item-label" style="flex:3;border-left: 2px solid #F0F0F0;"> 所属单位</div>
						<div class="item-label" style="flex:1;border-left: 2px solid #F0F0F0;"> 得分</div>
					</div>
					<div class='info-list-item' v-for="item in classMateList" >
						<div class="item-label" style="flex:1"> {{item.userName}}</div>
						<div class="item-label" style="flex:1;border-left: 2px solid #F0F0F0;">{{item.team}} </div>
						<div class="item-label" style="flex:3;border-left: 2px solid #F0F0F0;text-align: left;">{{item.companyName}}</div>
						<div class="item-label" style="flex:1;border-left: 2px solid #F0F0F0;">{{item.examinationScore== 0? "":item.examinationScore}}</div>
					</div>
			    </div>
			</div>
		</div>
		
	</body>
		<script type="text/javascript">
			var app = new Vue({
			  el: '#app',
			  data:{
			  classMateList:[]
			  },
			  filters:{
				formatTime(val){
					if (val == null) {
						return ""
					}
					return moment(val).format("YYYY-MM-DD HH:mm:ss")
				}
			  },
			  created() {
				window.getClassMateList = this.getClassMateList
			  },
			  methods:{
				  getClassMateList (classMateList){
					this.classMateList = classMateList 
				  }
			  }
			})		
			</script>
</html>
